<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 定义复合属性 */
        .div1 {
            font: normal bold 20px/2 "华文隶书";
        }
        /* 中文字体最好用引号括起来 */
        .div2 {
            font: normal bold 20px/2 华文隶书;
        }
        /* 字号和字体值必须书写，另外三个随意 */
        .div3 {
            font: bold 20px/2 "华文隶书";
        }
        .div4 {
            font: italic 20px/2 "华文隶书";
        }
        .div5 {
            font: 20px/2 "华文隶书";
        }
        .div6 {
            font: 20px "华文隶书";
        }
        /* 常用写法 */
        .div7 {
            font: 20px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif,"华文隶书";
        }
        /* 用于对比 */
        .div8 {
            font-size: 20px;;
        }
    </style>
</head>
<body>
    <div class="div1">这段内容通过复合属性修改字体</div>
    <div class="div2">这段内容通过复合属性修改字体</div>
    <div class="div3">这段内容通过复合属性修改字体</div>
    <div class="div4">这段内容通过复合属性修改字体</div>
    <div class="div5">这段内容通过复合属性修改字体</div>
    <div class="div6">这段内容通过复合属性修改字体</div>
    <div class="div7">这段内容通过复合属性修改字体</div>
    <div class="div8">这段内容通过复合属性修改字体</div>
</body>
</html>